<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.5.css"/>
    <link rel="stylesheet" type="text/css" href="css/picture.css"/>
    <link rel="stylesheet" type="text/css" href="css/sm-core-css.css">
    <link rel="stylesheet" type="text/css" href="css/sm-mint.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <!--<script src="js/jquery-2.1.4.js"></script>-->
    <script src="js/jquery.mobile-1.4.5.js"></script>
    <script src="js/util.js"></script>
    <script src="js/photo.js"></script>
    <script src="js/jquery.smartmenus.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#main-menu').smartmenus({
                subMenusSubOffsetX: 1,
                subMenusSubOffsetY: -8
            });
        });
        $('body').live("pageinit",function(){
            init();
        });

        function init() {
           alert("123");
        }    // device APIs are available    //
    </script>
</head>
<body>
<div data-role="page">
    <div data-role="header" data-position="fixed" id="header" data-tap-toggle="false">
        <!--<button class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-camera">拍照</button>-->
        <a href="index.html" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-home">首页</a>
        <h1>我的相册</h1>
        <button class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-bars" id="menu">菜单</button>
    </div>

    <div role="navigation">
       <ul id="main-menu" class="sm sm-mint">
           <!--<li><button id="take-photo">Take Photo</button></li>-->
           <li><a href="#">上传</a>
               <ul>
                   <li><a href="#myPopup" data-rel="popup" data-inline="true" data-transition="pop">本地</a></li>
                   <!--<li><button id="choose-photo">Choose Photo</button></li>-->
               </ul>
           </li>
       </ul>
    </div>
    <div data-role="content" id="content">
        <div id="photoWall"></div>
        <div id="selectedPic">
            <div id="cancel">乂</div>
            <div id="last">上一张</div>
            <div id="next">下一张</div>
        </div>
        <div id="pic"></div>


        <div data-role="popup" id="popupMenu" data-theme="a">
            <div data-role="popup" id="popupLogin" data-theme="a" class="ui-corner-all">
                <form>
                    <div style="padding:10px 20px;">
                        <h3>Please sign in</h3>
                        <input type="file" id="photoPath">
                        <input type="button" id="addPhoto" data-theme="b" data-icon="check"value="confirm"/>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div data-role="popup" id="myPopup" class="ui-content" style="min-width:250px;" data-position-to="window">
        <form method="post" action="demoform.php">
            <h3 style="text-align:center">上传照片</h3>
            <input type="button" >
        </form>
    </div>
</div>
</body>
</html>